<!DOCTYPE html>
<html>
<head>
<title>后台管理</title> 
<@s.css 'oper/index.css'/>
<@s.script ['jquery-1.7.2.min.js'] />
<script type="text/javascript">
	$(function(){
		$(".sidebar > dl > dt").click(function(){
			$(this).closest("dl").find("dd").slideToggle("fast","linear");
			if($(this).find("span.tree-symbol-down").length > 0){
				$(this).find("span").removeClass("tree-symbol-down");
			}else{
				$(this).find("span").addClass("tree-symbol-down");
			}
		});
		$(".sidebar > dl > dd").click(function(){
			$(this).closest(".sidebar").find("dd").removeClass("hover");
			$(this).addClass("hover");
		});
		
		$(".header > div > a").click(function(){
			$(".sidebar").find("dd").removeClass("hover");
		});
		
		$(window).resize(function() {
			initWorkspaceSize();
		});
		
		initWorkspaceSize();
		
		getTime();
		window.setInterval(getTime, 1000);
	});
	
	function initWorkspaceSize(){
		var height = $(window).height()<$(document).height()?$(window).height():$(document).height();
		var width = $(window).width()<$(document).width()?$(window).width():$(document).width();
		var left = $(".sidebar").width();
		var top = $(".header").height();
		$(".workspace").width(width-left-5);
		$(".workspace").height(height-top-10);
		$(".workspace").css("left",(left+5)+"px");
	}
	function getTime(){
		var date = new Date();
		var y = date.getFullYear();
		var m = date.getMonth()+1;
		var d = date.getDate();
		var h = date.getHours();
		var i = date.getMinutes();
		var s = date.getSeconds();
		$("#sysTime").html(y+"年"+(m>9?m:("0"+m))+"月"+(d>9?d:("0"+d))+"日 "+(h>9?h:("0"+h))+":"+(i>9?i:("0"+i))+":"+(s>9?s:("0"+s)));
	}
	
</script>
</head>
<body>
<section class="container">
	<div class="main">
		<div class="header">
			<div class="info">
			<strong>${__auth.loginName}</strong>
			[<a href="<@s.url '/oper/welcome.do' />" target="target-frame">后台首页</a> | <a href="<@s.url '/oper/pwd.do' />" target="target-frame">修改密码</a> | <a href="<@s.url '/auth/logout.htm' />">安全退出</a>]
			</div>
			<div id="sysTime"></div>
		</div>
		<div class="hr"></div>
		<div class="workspace">
			<iframe name="target-frame" id="target-frame" frameborder="0" src="<@s.url '/oper/welcome.do' />" style="width:100%;height:100%;"></iframe>
		</div>
	</div>
	<div class="sidebar">
		<div class="logo">FastWeb</div>
		<div class="hr"></div>
		<dl>
			<dt>
				<span></span>
				<a href="javascript:;">系统管理</a>
			</dt>
			<dd><a href="http://www.baidu.com/"  target="target-frame">二级菜单</a></dd>
			<dd><a href="javascript:;">二级菜单</a></dd>
			<dd><a href="javascript:;">二级菜单</a></dd>
			<dd><a href="javascript:;">二级菜单</a></dd>
			<dd><a href="javascript:;">二级菜单</a></dd>
			<dd><a href="javascript:;">二级菜单</a></dd>
			<dd><a href="javascript:;">二级菜单</a></dd>
		</dl>
		<dl>
			<dt>
				<span></span>
				<a href="javascript:;">主菜单</a>
			</dt>
			<dd><a href="javascript:;">二级菜单</a></dd>
		</dl>
		<dl>
			<dt>
				<span></span>
				<a href="javascript:;">主菜单</a>
			</dt>
			<dd><a href="javascript:;">二级菜单</a></dd>
		</dl>
		<div class="hr"></div>
		<div class="copy">
			Copyright &copy; 2013<br />
			joyphper.net
		</div>
	</div>
</section>
</body>
</html>